<link rel="stylesheet" href="{{ getAssets }}css/inventory_list.css?v={{ assets_version }}">
<style>form{ width: 100%;}</style>
<div class="widget-body">
    <div class="default-pop goods-search">
		<div class="section">
			<div class="menu-left">
				<h4>选择商品</h4>
				<ul>
					<li><a class="active" href="javascript:void(0);" data-type="lens">光学镜片</a></li>
					<li><a href="javascript:void(0);" data-type="mounting">光学镜架</a></li>
					<li><a href="javascript:void(0);" data-type="sunglass">太阳镜</a></li>
					<li><a href="javascript:void(0);" data-type="presbyopic_glass">成品镜</a></li>
					<li><a href="javascript:void(0);" data-type="contact_lens">隐形镜片</a></li>
					<li><a href="javascript:void(0);" data-type="contact_lens_care_solution">护理产品</a></li>
					<li><a href="javascript:void(0);" data-type="other">辅料其他</a></li>
				</ul>
			</div>
			<form data-type="lens" onsubmit="return false;">
				<div class="content-box">
					<div class="filter-bar">
						<div class="forms boder1">
							<div class="form-row">
								<div class="items col12">
									<div class="form-element">
										<input name="pname" autocomplete="off" type="text" placeholder="商品名称关键字回车检索">
									</div>
								</div>
							</div>
							<div class="form-row">
								<div class="items col3">
									<div class="form-element">

										<div class="cols1">
											<label class="control-label" title="折射率">折射率</label>
											<div class="control-content">
												<select class="form-control" onchange="query('lens')" label="折射率" name="refractivity" style="padding-left:45px;"><option value=""></option></select>
											</div>
										</div>

									</div>
								</div>
								<div class="items col3">
									<div class="form-element">

										<div class="cols1">
											<label class="control-label" title="光学设计">光学设计</label>
											<div class="control-content">
												<select class="form-control " onchange="query('lens')" label="光学设计" name="optical_design" style="padding-left:55px;"><option value=""></option></select>
											</div>
										</div>

									</div>
								</div>
								<div class="items col3">
									<div class="form-element">

										<div class="cols1">
											<label class="control-label" title="功效">功效</label>
											<div class="control-content">
												<select class="form-control " onchange="query('lens')" label="功效" name="function_info" style="padding-left:35px;"><option value=""></option></select>
											</div>
										</div>

									</div>
								</div>
								<div class="items col3">
									<div class="form-element">
										<div class="cols1">
											<label class="control-label" title="膜层">膜层</label>
											<div class="control-content">
												<select class="form-control "  onchange="query('lens')" label="膜层" name="film" style="padding-left:35px;"><option value=""></option></select>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="h_goodsList">
						<div class="par forms">
					<div class="item am-cf">
						<span class="cue am-fl">右眼R：</span>
						<div class="form-element am-fl">
							<label>球镜</label>
							<input name="query_dr" autocomplete="off"  onchange="query('lens')" type="text">
						</div>
						<div class="form-element am-fl ml5">
							<label>柱镜</label>
							<input name="query_am" autocomplete="off"  onchange="query('lens')" type="text">
						</div>
					</div>
					<div class="item am-cf">
						<span class="cue am-fl">左眼L：</span>
						<div class="form-element am-fl">
							<label>球镜</label>
							<input name="query_dr_1" autocomplete="off"  onchange="query('lens')" type="text">
						</div>
						<div class="form-element am-fl ml5">
							<label>柱镜</label>
							<input name="query_am_1"  autocomplete="off" onchange="query('lens')" type="text">
						</div>
					</div>
				</div>

					<div class="list-warp-title">
						<div class="goods-info-row">
							<div class="item g-name"><span>商品</span></div>
							<div class="item">球镜</div>
							<div class="item">柱镜</div>
							<div class="item g-price">零售价</div>
							<div class="item">库存</div>

						</div>
					</div>
					<div class="list-warp">
							<div class="cols4">
								<div class="portlet box" style="border-width: 1px;">
									<div class="portlet-body">
										<div class="datalist" id="lens_datalist">
											<div class="datalist-content test-list"><div class="datalist-loading">没有相关数据</div></div>
											<div class="datalist-page am-pagination am-pagination-lens"></div>
										</div>
									</div>
								</div>
							</div>
					</div>
				</div>
				<div class="checkout-bar center">
					<a class="submit-btn" href="javascript:void(0);">选好了</a>
					<a class="cancel-btn" href="javascript:void(0);">不选了</a>
				</div>
			</div>
			</form>
			<form data-type="mounting" style="display: none;" onsubmit="return false;">
				<div class="content-box" >
				<div class="filter-bar">
					<div class="forms boder1">
						<div class="form-row">
							<div class="items col12">
								<div class="form-element">
									<input name="pname" autocomplete="off" type="text" placeholder="商品名称关键字回车检索">
								</div>
							</div>
						</div>
						<div class="form-row">
							<div class="items col3">
								<div class="form-element">
									
									<div class="cols1">
										<label class="control-label" title="镜框材质">镜框材质</label>
										<div class="control-content">
											<select ctype="select" class="form-control " value="" onchange="query('mounting')" label="镜框材质" name="material_quality" style="padding-left:55px;">
												<option value=""></option>
											</select>
										</div>
									</div>

								</div>
							</div>
							<div class="items col3">
								<div class="form-element">
									<label>型号</label>
									<input name="model_number" autocomplete="off"  onchange="query('mounting')" type="text">
								</div>
							</div>
							<div class="items col3">
								<div class="form-element">
									<label>色号</label>
									<input name="colour_number" autocomplete="off"  onchange="query('mounting')" type="text">
								</div>
							</div>
							<div class="items col3">
								<div class="form-element">
									<label>尺寸</label>
									<input name="size" autocomplete="off"  onchange="query('mounting')" type="text">
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="h_goodsList">
					<div class="list-warp-title">
						<div class="goods-info-row">
							<div class="item g-name"><span>商品</span></div>
							<div class="item">型号</div>
							<div class="item">色号</div>
							<div class="item g-price">零售价</div>
							<div class="item">库存</div>
						</div>
					</div>
					<div class="list-warp">
						<div class="cols4">
							<div class="portlet box" style="border-width: 1px;">
								<div class="portlet-body">
									<div class="datalist" id="mounting_datalist">
										<div class="datalist-content test-list"><div class="datalist-loading">没有相关数据</div></div>
										<div class="datalist-page am-pagination am-pagination-mounting"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="checkout-bar center">
					<a class="submit-btn" href="javascript:void(0);">选好了</a>
					<a class="cancel-btn" href="javascript:void(0);">不选了</a>
				</div>
			</div>
			</form>
			<form  data-type="sunglass" style="display: none;" onsubmit="return false;">
				<div class="content-box">
				<div class="filter-bar">
					<div class="forms boder1">
						<div class="form-row">
							<div class="items col12">
								<div class="form-element">
									<input name="pname" autocomplete="off"  type="text" placeholder="商品名称关键字回车检索">
								</div>
							</div>
						</div>
						<div class="form-row">
							<div class="items col3">
								<div class="form-element">
									<div class="cols1">
										<label class="control-label" title="功效">功效</label>
										<div class="control-content">
											<select class="form-control" onchange="query('sunglass')" label="功效" name="function_info" style="padding-left:35px;"></select>
										</div>
									</div>
								</div>
							</div>
							<div class="items col3">
								<div class="form-element">
									<label>型号</label>
									<input name="model_number" autocomplete="off"  onchange="query('sunglass')" type="text">
								</div>
							</div>
							<div class="items col3">
								<div class="form-element">
									<label>色号</label>
									<input name="colour_number" autocomplete="off"  onchange="query('sunglass')" type="text">
								</div>
							</div>
							<div class="items col3">
								<div class="form-element">
									<label>尺寸</label>
									<input name="size" autocomplete="off"  onchange="query('sunglass')" type="text">
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="h_goodsList">
					<div class="list-warp-title">
						<div class="goods-info-row">
							<div class="item g-name"><span>商品</span></div>
							<div class="item">型号</div>
							<div class="item">色号</div>
							<div class="item g-price">零售价</div>
							<div class="item">库存</div>
						</div>
					</div>
					<div class="list-warp">
						<div class="cols4">
							<div class="portlet box" style="border-width: 1px;">
								<div class="portlet-body">
									<div class="datalist" id="sunglass_datalist">
										<div class="datalist-content test-list"><div class="datalist-loading">没有相关数据</div></div>
										<div class="datalist-page am-pagination am-pagination-sunglass"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="checkout-bar center">
					<a class="submit-btn" href="javascript:void(0);">选好了</a>
					<a class="cancel-btn" href="javascript:void(0);">不选了</a>
				</div>
			</div>
			</form>
			<form data-type="presbyopic_glass" style="display: none;" onsubmit="return false;">
				<div class="content-box">
				<div class="filter-bar">

					<div class="forms boder1">
						<div class="form-row">
							<div class="items col12">
								<div class="form-element">
									<input name="pname" autocomplete="off" type="text" placeholder="商品名称关键字回车检索">
								</div>
							</div>
							<div class="items col3">
								<div class="form-element">
									<label>型号</label>
									<input name="model_number" onchange="query('presbyopic_glass')" autocomplete="off" type="text">
								</div>
							</div>
							<div class="items col3">
								<div class="form-element">
									<label>色号</label>
									<input name="colour_number" onchange="query('presbyopic_glass')" autocomplete="off" type="text">
								</div>
							</div>
							<div class="items col3">
								<div class="form-element">
									<label>球镜</label>
									<input name="query_dr" onchange="query('presbyopic_glass')" autocomplete="off" type="text">
								</div>
							</div>
							<div class="items col3">
								<div class="form-element">
									<label>ADD</label>
									<input name="addlight" onchange="query('presbyopic_glass')" autocomplete="off" type="text">
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="h_goodsList">
					<div class="list-warp-title">
						<div class="goods-info-row">
							<div class="item g-name"><span>商品</span></div>
							<div class="item"><span>型号</span></div>
							<div class="item"><span>色号</span></div>
							<div class="item">球镜</div>
							<div class="item">ADD</div>
							<div class="item g-price">零售价</div>
							<div class="item">库存</div>
						</div>
					</div>
					<div class="list-warp">
						<div class="cols4">
							<div class="portlet box" style="border-width: 1px;">
								<div class="portlet-body">
									<div class="datalist" id="presbyopic_glass_datalist">
										<div class="datalist-content test-list"><div class="datalist-loading">没有相关数据</div></div>
										<div class="datalist-page am-pagination am-pagination-presbyopic_glass"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="checkout-bar center">
					<a class="submit-btn" href="javascript:void(0);">选好了</a>
					<a class="cancel-btn" href="javascript:void(0);">不选了</a>
				</div>
			</div>
			</form>
			<form data-type="contact_lens" style="display: none;" onsubmit="return false;">
				<div class="content-box">
				<div class="filter-bar">
					<div class="forms boder1">
						<div class="form-row">
							<div class="items col12">
								<div class="form-element">
									<input name="pname" autocomplete="off" type="text" placeholder="商品名称关键字回车检索">
								</div>
							</div>
						</div>
						<div class="form-row">
							<div class="items col3">
								<div class="form-element">
									
									<div class="cols1">
										<label class="control-label" title="佩戴周期">佩戴周期</label>
										<div class="control-content">
											<select class="form-control " value="" onchange="query('contact_lens')" label="佩戴周期" name="cast_away" style="padding-left:55px;"></select>
										</div>
									</div>

								</div>
							</div>
							<div class="items col3">
								<div class="form-element">
									
									<div class="cols1">
										<label class="control-label" title="颜色">颜色</label>
										<div class="control-content has-icon">
											<input type="text" class="form-control" value="" onchange="query('contact_lens')" label="颜色" name="colour_number" style="padding-left:35px;">
										</div>
									</div>
								</div>
							</div>
							<div class="items col6">
								<div class="form-element">
									
									<div class="cols1">
										<label class="control-label" title="商品规格">商品规格</label>
										<div class="control-content">
											<select class="form-control " name="spec" onchange="query('contact_lens')" label="商品规格"style="padding-left:55px;"></select>
										</div>
									</div>

								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="h_goodsList">
					<div class="par forms">
						<div class="item am-cf">
							<span class="cue am-fl">右眼R：</span>
							<div class="form-element am-fl">
								<label>球镜</label>
								<input name="query_dr" autocomplete="off"  onchange="query('contact_lens')" type="text">
							</div>
							<div class="form-element am-fl ml5">
								<label>柱镜</label>
								<input name="query_am" autocomplete="off"  onchange="query('contact_lens')" type="text">
							</div>
						</div>
						<div class="item am-cf">
							<span class="cue am-fl">左眼L：</span>
							<div class="form-element am-fl">
								<label>球镜</label>
								<input name="query_dr_1" autocomplete="off"  onchange="query('contact_lens')" type="text">
							</div>
							<div class="form-element am-fl ml5">
								<label>柱镜</label>
								<input name="query_am_1"  autocomplete="off" onchange="query('contact_lens')" type="text">
							</div>
						</div>
					</div>
					<div class="list-warp-title">
						<div class="goods-info-row">
							<div class="item g-name"><span>商品</span></div>
							<div class="item">有效期</div>
							<div class="item">规格</div>
							<div class="item">球镜</div>
							<div class="item">柱镜</div>
							<div class="item g-price">零售价</div>
							<div class="item">库存</div>
							<div class="item">&nbsp;</div>
						</div>
					</div>
					<div class="list-warp">
						<div class="cols4">
							<div class="portlet box" style="border-width: 1px;">
								<div class="portlet-body">
									<div class="datalist" id="contact_lens_datalist">
										<div class="datalist-content test-list"><div class="datalist-loading">没有相关数据</div></div>
										<div class="datalist-page am-pagination am-pagination-contact_lens"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="checkout-bar center">
					<a class="submit-btn" href="javascript:void(0);">选好了</a>
					<a class="cancel-btn" href="javascript:void(0);">不选了</a>
				</div>
			</div>
			</form>
			<form  data-type="contact_lens_care_solution" style="display: none;" onsubmit="return false;">
				<div class="content-box">
				<div class="filter-bar">
					<div class="forms boder1">
						<div class="form-row">
							<div class="items col6">
								<div class="form-element">
									<input name="pname" autocomplete="off" type="text" placeholder="商品名称关键字回车检索">
								</div>
							</div>
							<div class="items col6">
								<div class="form-element">
									
									<div class="cols1" crid="">
										<label class="control-label" title="商品规格">商品规格</label>
										<div class="control-content">
											<select class="form-control " onchange="query('contact_lens_care_solution')" label="商品规格" name="care_solution_spec" style="padding-left:55px;"></select>
										</div>
									</div>

								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="h_goodsList">
					<div class="list-warp-title">
						<div class="goods-info-row">
							<div class="item g-name"><span>商品</span></div>
							<div class="item">有效期</div>
							<div class="item">规格</div>
							<div class="item g-price">零售价</div>
							<div class="item">库存</div>
							<div class="item">&nbsp;</div>
						</div>
					</div>
					<div class="list-warp">
						<div class="cols4">
							<div class="portlet box" style="border-width: 1px;">
								<div class="portlet-body">
									<div class="datalist" id="contact_lens_care_solution_datalist">
										<div class="datalist-content test-list"><div class="datalist-loading">没有相关数据</div></div>
										<div class="datalist-page am-pagination am-pagination-contact_lens_care_solution"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="checkout-bar center">
					<a class="submit-btn" href="javascript:void(0);">选好了</a>
					<a class="cancel-btn" href="javascript:void(0);">不选了</a>
				</div>
			</div>
			</form>
			<form  data-type="other" style="display: none;" onsubmit="return false;">
				<div class="content-box">
				<div class="filter-bar">
					
					<div class="forms boder1">
						<div class="form-row">
							<div class="items col12">
								<div class="form-element">
									<input name="pname" autocomplete="off" type="text" placeholder="商品名称关键字回车检索">
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="h_goodsList">
					<div class="list-warp-title">
						<div class="goods-info-row">
							<div class="item g-name"><span>商品</span></div>
							<div class="item g-price">零售价</div>
							<div class="item">库存</div>
						</div>
					</div>
					<div class="list-warp">
						<div class="cols4">
							<div class="portlet box" style="border-width: 1px;">
								<div class="portlet-body">
									<div class="datalist" id="other_datalist">
										<div class="datalist-content test-list"><div class="datalist-loading">没有相关数据</div></div>
										<div class="datalist-page am-pagination am-pagination-other"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="checkout-bar center">
					<a class="submit-btn" href="javascript:void(0);">选好了</a>
					<a class="cancel-btn" href="javascript:void(0);">不选了</a>
				</div>
			</div>
			</form>
		</div>
	</div>
</div>
